<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="../js/vue.min.js" ></script>
	</head>
	<body>
		<div id="app">
			<mycom3></mycom3>
		</div>
		
		<!--在被控制的#app外面，使用template元素,定义组件的HTML模板结构-->
		<template id="teml">
			<div>
				<h1>这是通过template元素，早外部定义的组件结构，有代码的智能提示和高亮</h1>
				<h4>好用,不错</h4>
			</div>
		</template>
	</body>
	<script>
		Vue.component('mycom3',{			
			template:'#teml'
		})
		
		var vue=new Vue({
			el:"#app",
			data:{
				
			},
			methods:{
				
			}
		});
	</script>
</html>